<!DOCTYPE HTML>
<div style = "height: 150px;">
    <a href="#" id="link1"><div style="width: 20px; height: 20px; display: inline-block; background-color: #00f;"></div><div style="width: 80px; height: 100px; float: left; background-color: #0f0;"></div></a>
</div>
<div style = "height: 150px;">
    <a href="#" id="link2"><div style="width: 100px; height: 96px; position: relative; display: inline-block; background-color: #f00;"></div></a>
</div>
<div id="result"></div>
<script>
    if (window.accessibilityController) {
        testRunner.dumpAsText();

        document.getElementById("link1").focus();
        var link1 = accessibilityController.focusedElement;
        document.getElementById("link2").focus();
        var link2 = accessibilityController.focusedElement;

        document.getElementById("result").innerText = "link 1 dimensions: " + link1.width + " x " + link1.height + "; link 2 dimensions: " + link2.width + " x " + link2.height;
    }
</script>
